<template>
  <div style="width: 100%; height: calc(100vh - 150px)">
    <p style="font-size: 16px; margin-bottom: 20px">
      这是一个Ozon运营必用的选品上品插件，100%官方数据。
      服务：请扫码添加工作人员获取激活码及售后服务
    </p>
    <el-card style="max-width: 300px">
      <p style="text-align: center; font-size: 16px; font-weight: 700">
        采集插件
      </p>

      <p style="margin-top: 20px">
        特点：<br />
        1.自动化加载，根据官方数据更新

        <br />2.一键采集<br />
        3.展示销量、平均价、转化率等各种数据
      </p>
      <p style="text-align: center; margin-top: 30px">
        <a
          id="aa"
          style="
            width: 50px;
            height: 20px;
            background-color: rgb(78 168 185);
            border-radius: 10px;
            padding: 5px 10px;
            color: aliceblue;
          "
          target="_blank"
          href="http://150.158.34.172/static/tqzon.zip"
          download
          ><el-icon><Download /></el-icon>下载</a
        >
      </p>

      <p style="text-align: center; margin-top: 30px">
        如何使用？
        <a
          target="_blank"
          href="http://150.158.34.172/static/插件安装教程.docx"
          download
          ><el-icon><Download /></el-icon>
          下载教程
        </a>
      </p>
    </el-card>

    <img
      style="width: 250px; position: absolute; top: 0; right: 0"
      src="../../assets/48e846ff1e854543fff92620a946c43.jpg"
      alt=""
    />
  </div>
</template>

<script setup>
const downloadZip = () => {
  // 创建一个虚拟链接
  const link = document.createElement("a");
  link.href = "../../assets/tqzon.zip"; // 替换为你的zip文件路径
  link.setAttribute("download", "tqzon.zip"); // 设置下载文件名
  document.body.appendChild(link);

  // 模拟点击下载链接
  link.click();

  // 清理
  document.body.removeChild(link);
};
</script>
